﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>

<link rel="stylesheet" href="/Assets/css/screen.css" type="text/css" media="screen" title="default" />
<link rel="stylesheet" href="/Assets/css/demos.css">
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="/Assets/css/pro_dropline_ie.css" />
<![endif]-->

<!--  jquery core -->
<link href="/Assets/Css/jquery.ui.dialog.css" rel="stylesheet" type="text/css" />
 <link rel="stylesheet" href="/Assets/css/jquery.ui.core.css">
    <link rel="stylesheet" href="/Assets/css/jquery.ui.datepicker.css">
    <link rel="stylesheet" href="/Assets/css/jquery.ui.theme.css">
    <link rel="Stylesheet" href="/Assets/Css/jquery.ui.button.css" />
	<script src="/Assets/scripts/jquery-1.5.1.js"></script>
	<script src="/Assets/scripts/jquery.ui.core.js"></script>
	<script src="/Assets/scripts/jquery.ui.widget.js"></script>
	<script src="/Assets/scripts/jquery.ui.datepicker.js"></script>
<script src="/Assets/Scripts/jquery.ui.dialog.js" type="text/javascript"></script>
<!--  checkbox styling script -->
<script src="/Assets/scripts/jquery/ui.core.js" type="text/javascript"></script>
<script src="/Assets/scripts/jquery/jquery.bind.js" type="text/javascript"></script>
<script src="/Assets/scripts/MicrosoftAjax.debug.js" type="text/javascript"></script>
<script src="/Assets/scripts/MicrosoftMvcAjax.debug.js" type="text/javascript"></script>
<script src="/Assets/Scripts/jquery.ui.widget.js" type="text/javascript"></script>
<script src="/Assets/Scripts/jquery.ui.button.js" type="text/javascript"></script>
<![if !IE 7]>

<!--  styled select box script version 1 -->
<script src="/Assets/scripts/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.styledselect').selectbox({ inputClass: "selectbox_styled" });
    });
</script>
 

<![endif]>


<!--  styled select box script version 2 --> 
<script src="/Assets/scripts/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
        $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
    });
</script>

<!--  styled select box script version 3 --> 
<script src="/Assets/scripts/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
    });
</script>

<!--  styled file upload script --> 
<script src="/Assets/scripts/jquery/jquery.filestyle.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
    $(function () {
        $("input.file_1").filestyle({
            image: "/Assets/images/forms/upload_file.gif",
            imageheight: 29,
            imagewidth: 78,
            width: 300
        });
    });
</script>

 

<!--  date picker script -->
<script src="/Assets/scripts/jquery/date.js" type="text/javascript"></script>
<link href="/Assets/Css/jquery.ui.datepicker.css" rel="stylesheet" type="text/css" />

<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="/Assets/scripts/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(document).pngFix();
    });
</script>

<script type="text/javascript">
    var currentImage;
    var currentIndex = -1;
    var interval;
    function showImage(index) {
        if (index < $('#bigPic img').length) {
            var indexImage = $('#bigPic img')[index]
            if (currentImage) {
                if (currentImage != indexImage) {
                    $(currentImage).css('z-index', 2);
                    clearTimeout(myTimer);
                    $(currentImage).fadeOut(250, function () {
                        myTimer = setTimeout("showNext()", 3000);
                        $(this).css({ 'display': 'none', 'z-index': 1 })
                    });
                }
            }
            $(indexImage).css({ 'display': 'block', 'opacity': 1 });
            currentImage = indexImage;
            currentIndex = index;
            $('#thumbs li').removeClass('active');
            $($('#thumbs li')[index]).addClass('active');
        }
    }

    function showNext() {
        var len = $('#bigPic img').length;
        var next = currentIndex < (len - 1) ? currentIndex + 1 : 0;
        showImage(next);
    }

    var myTimer;

    $(document).ready(function () {
        myTimer = setTimeout("showNext()", 3000);
        showNext(); //loads first image
        $('#thumbs li').bind('click', function (e) {
            var count = $(this).attr('rel');
            showImage(parseInt(count) - 1);
        });
    });
    
	
	</script>	
<!--Validate client-->
    <script src="/Assets/Scripts/MicrosoftAjax.js" type="text/javascript"></script>
    <script src="/Assets/Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
    <script src="/Assets/Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
<script src="/Assets/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Assets/Scripts/jquery.validate.unobtrusive.min.js"  type="text/javascript"></script>